<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<title>V-love</title>

		<link rel="stylesheet" href="lib/jquery.mobile/jquery.mobile-1.3.1.min.css">
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		
		<script type="text/javascript" src="lib/jquery/jquery-1.9.1.min.js"></script>
		<script type="text/javascript">
		
			$(document).bind( "mobileinit", function() {
				 console.log("mobileinit");
				$.support.cors = true;
			    $.mobile.allowCrossDomainPages = true;
			});
		
		</script>

		<script type="text/javascript" src="lib/jquery.mobile/jquery.mobile-1.3.1.min.js"></script>		
		
	</head>

	<body>
		
		<div data-role="page" class="page-parameters" >
			<script type="text/javascript" src="js/global.js"></script>
			<script type="text/javascript" src="js/parameters.js"></script>
			
			<div class="menu"></div>
						
			<div data-role="header">
				<a href="#menu" class="jqm-navmenu-link ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-a" data-icon="bars" data-iconpos="notext" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" title="Navigation"><span class="ui-btn-inner"><span class="ui-btn-text">Navigation</span><span class="ui-icon ui-icon-bars ui-icon-shadow">&nbsp;</span></span></a>
				<h1>Paramètres</h1>
			</div>
 
			<div data-role="content" id="content-parameters">	
				<form class="share-position parameters">
				    <label for="flip-3">Partager ma position :</label>
				    <select name="flip-3" id="flip-3" data-role="slider" data-mini="true">
				        <option class="off-share" value="off">Off</option>
				        <option class="on-share" value="on">On</option>
				    </select>
				</form>

				<form class="display-vloveur parameters">
				    <label for="flip-3">Afficher les autres V-Lovers :</label>
				    <select name="flip-3" id="flip-3" data-role="slider" data-mini="true">
				        <option class="off-vloveur" value="off">Off</option>
				        <option class="on-vloveur" value="on">On</option>
				    </select>
				</form>

			</div>

		</div>
		
	</body>

</html>